<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>

		<!-- 		
// 练习:
		// 书上p187 
		// 综合练习1
		// 设置以一个下拉菜单，选项(网页样式1 网页样式2 网页样式3 ...)
		// 点选某个选项，修改网页的背景和网页文本颜色 
		-->

		<select id="styleSel" onchange="change()">
			<option value="1">样式风格1</option>
			<option value="2">样式风格2</option>
			<option value="3">样式风格3</option>
		</select>

		<h1 style="text-align: center;">李白《行路难•其一》</h1>
		<p style="text-align: center;">
			金樽清酒斗十千，玉盘珍羞直万钱。 <br />
			停杯投箸不能食，拔剑四顾心茫然。 <br />
			欲渡黄河冰塞川，将登太行雪满山。 <br />
			闲来垂钓碧溪上，忽复乘舟梦日边。 <br />
			行路难！行路难！多歧路，今安在？ <br />
			长风破浪会有时，直挂云帆济沧海。 <br />
		</p>

		<script type="text/javascript">
			function change() {
				
				switch (styleSel.value) {
					case "1":
						document.body.style.background = "#000000";
						document.body.style.color = "#00ff00";
						break;
					case "2":
						document.body.style.background = "#ff0000";
						document.body.style.color = "#0000ff";
						break;
				}
			}
		</script>
	</body>
</html>
